<!DOCTYPE html>
<head>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
    <div id="Application">
        <input type="radio" value="page1" v-model="page"/>
        <input type="radio" value="page2" v-model="page"/>
        <component v-bind:is="page"></component>
    </div>
    <script>
        const app = Vue.createApp({
            data() {
                return {
                    page: 'page1'
                }
            }
        })
        const page1 = {
            template:`<div style="color:red">
                页面一
            </div>`
        }
        const page2 = {
            template:`<div style="color:blue">
                页面二
            </div>`
        }
        app.component('page1', page1)
        app.component('page2', page2)
        app.mount("#Application")
    </script>
</body>